<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./reset.css"/>
	    <link rel="stylesheet" type="text/css" href="./index.css"/>
	    <script src="./index.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="wrap">
		<div id="head">
			<div id="header">
				<ul class="clear-fix">
					<li>
						<a href="">
							官网首页
							<span>HOME</span>
							<div class="border">
								<span class="show"></span>
								<span class="show"></span>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							游戏资料
							<span>GAME INFO</span>
							<div class="border">
								<span class="show"></span>
								<span class="show"></span>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							活动
							<span>ACTIVITY</span>
							<div class="border">
								<span class="show"></span>
								<span class="show"></span>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							赛事
							<span>EVENT</span>
							<div class="border">
								<span class="show"></span>
								<span class="show"></span>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							用户服务
							<span>SYSTEM</span>
							<div class="border">
								<span class="show"></span>
								<span class="show"></span>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							游戏安全
							<span>SECURITY</span>
							<div class="border">
								<span class="show"></span>
								<span class="show"></span>
							</div>
						</a>
					</li>
					<li>
						<a href="">
							玩家社区
							<span>COMMUNITY</span>
							<div class="border">
								<span class="show"></span>
								<span class="show"></span>
							</div>
						</a>
					</li>
				</ul>
			</div>
			<div id="sprite-logo">
		    	<a href="#"></a>
		    </div>
			<div id="item">
		    	<div class="item-contents">
		    		<ul>
		    			<li>世界观</li>
						<li>周边商场</li>
						<li>道聚城</li>
						<li>阿拉德市集</li>
		    		</ul>
					<ul>
						<li>新闻公告</li>
						<li>版本专题</li>
						<li>职业攻略</li>
						<li>壁纸时装</li>
						<li>视频中心</li>
					</ul>
					<ul>
						<li>官方活动</li>
						<li>合作活动</li>
						<li>媒体活动</li>
						<li>网吧特权</li>
						<li>玩家共创</li>
						<li>口令系统</li>
					</ul>
					<ul>
						<li>F1天王赛</li>
						<li>职业联赛</li>
						<li>职业第一人</li>
						<li>DPL赛事</li>
					</ul>
					<ul>
						<li>充值</li>
						<li>兑换CDKEY</li>
						<li>角色恢复</li>
						<li>圣耀服务</li>
					</ul>
					<ul>
						<li>安全任务</li>
						<li>处罚申诉</li>
						<li>视频举报</li>
						<li>被盗找回</li>
						<li>荣誉点数</li>
					</ul>
					<ul>
						<li>论坛</li>
						<li>微博</li>
						<li>问答</li>
						<li>DNF助手</li>
						<li>微信</li>
					</ul>
				</div>
		    </div>
		    <div class="dnfhl"></div>
			<div class="wechat"></div>
		</div>
		<div class="bg1">
			
		</div>
		<div class="bg2">
			
		</div>
		<div class="bg3">
			
		</div>
		<div class="bg4" style="display: none;">
			
		</div>
		<div class="content">
			<div class="content_l">
				<ul class="content_l_t">
					<li class="down" id="down">
						<a href="//dnf.qq.com/web2015/down.shtml" target="_blank">下载游戏</a>
					</li>
					<li class="downapp">
						<a href="https://dnf.qq.com/cp/a20190809app/" target="_blank">下载app</a>
					</li>
					<li class="regist">
						<a href="//ssl.zc.qq.com/v3/index-chs.html" target="_blank">注册</a>
					</li>
					<li class="recharge">
						<a href="//dnf.qq.com/comm-htdocs/pay/new_index.htm?t=dnf" target="_blank">充值</a>
					</li>
					<li class="props">
						<a href="//dnf.qq.com/cp/a20200601new/" target="_blank">新手</a>
					</li>
				</ul>
				<div class="quick_nav modle-enter menu-quick">
					<h3 class="tit-line">快速入口</h3>
					<ul>
						<li>
							<a href="#">
								<s class="sprite icon-cdk"></s>
								CDK兑换
							</a>
						</li>
						<li>
							<a href="#">
								<s class="sprite icon-black"></s>
								黑钻专区
							</a>
						</li>
						<li>
							<a href="#">
								<s class="sprite icon-online"></s>
								联系客服
							</a>
						</li>
						<li>
							<a href="#">
								<s class="sprite icon-safe"></s>
								安全中心
							</a>
						</li>
						<li>
							<a href="#">
								<s class="sprite icon-shop"></s>
								周边商城
							</a>
						</li>
					</ul>
					<h3 class="tit-line">玩家社区</h3>
					<ul>
						<li>
							<a href="#">
								<s class="sprite icon-bbs"></s>
								论坛交流
							</a>
						</li>
						<li>
							<a href="#" class="imgHoverTop">
								<s class="sprite icon-wechat"></s>
								关注微信
								<p class="img hvr-bubble-bottom">
									<img src="images/wx.png" >
								</p>
							</a>
						</li>
						<li>
							<a href="#">
								<s class="sprite icon-light"></s>
								点亮图标
							</a>
						</li>
						<li>
							<a href="#">
								<s class="sprite icon-radio"></s>
								DNF电台
							</a>
						</li>
						<li>
							<a href="#">
								<s class="sprite icon-draw"></s>
								原画馆
							</a>
						</li>
						<li>
							<a href="#">
								<s class="sprite icon-happy"></s>
								心悦专区
							</a>
						</li>
					</ul>
					<div class="message-list">
						
					</div>
				</div>
			    <div class="menu-guide belong-m" id="menu-guide">
			    	<ul class="menu-guide-tit" id="menu-guide-tit">
			    		<li class="menu-guide-tit-li">
							<a href="javascript:;">新手指南</a>
							<s class="icon-arrow sprite"></s>
						</li>
						<li class="menu-guide-tit-li">
							<a href="javascript:;">资料百科</a>
							<s class="icon-arrow sprite"></s>
						</li>
						<li class="menu-guide-tit-li">
							<a href="javascript:;">攻略视频</a>
							<s class="icon-arrow sprite"></s>
						</li>
						<li class="menu-guide-tit-li">
							<a href="javascript:;">自助服务</a>
							<s class="icon-arrow sprite"></s>
						</li>
			    	</ul>
					<div class="menu-guide-list" id="menu-guide-list">
						<div class="guide-panel">
							<ul class="s-icon">
								<li>
									<a href="#">
										<s class="sprite-icon icon-yxdl"></s>
										游戏登录
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-yxjm"></s>
										游戏界面
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-xtsz"></s>
										系统设置
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-zyjn"></s>
										职业/技能
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-djjy"></s>
										等级经验
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-zdxt"></s>
									    战斗系统
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-rwxt"></s>
										任务系统
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-dxc"></s>
										地下城
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-sqxt"></s>
										社区系统
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-cw"></s>
										宠物
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-scjy"></s>
										生产/交易
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-fzy"></s>
										副职业
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-zb"></s>
										装备
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-sc"></s>
										商城
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-tswf"></s>
										特色玩法
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-jdc"></s>
										决斗场
									</a>
								</li>
							</ul>
						</div>
						<div class="guide-panel">
							<ul class="s-icon s-icon-bk">
								<li>
									<a href="#">
										<s class="sprite-icon icon-gfzlz"></s>
										官方资料站
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-17173"></s>
										17173资料站
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-lsbb"></s>
										历史版本
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-mh"></s>
										漫画
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-xs"></s>
										小说
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-music"></s>
										音乐
									</a>
								</li>
							</ul>
							<div class="bk-sub-nav">
								<h4>剧情百科</h4>
								<p>
									<a href="#">故事大纲</a>
									<a href="#">插曲故事</a>
									<a href="#">版本故事</a>
									<a href="#">故事簿</a>
								</p>
								<h4>人物百科</h4>
								<p>
									<a href="#">职业设定</a>
									<a href="#">种族介绍</a>
									<a href="#">城镇人物</a>
									<a href="#">剧情人物</a>
								</p>
								<h4>背景知识</h4>
								<p>
									<a href="#">地理划分</a>
									<a href="#">势力介绍</a>
									<a href="#">组织介绍</a>
									<a href="#">区域介绍</a>
								</p>
								<h4>游戏设定</h4>
								<p>
									<a href="#">编年史</a>
									<a href="#">重要事件</a>
									<a href="#">游戏术语</a>
									<a href="#">剧情人物</a>
								</p>
								<div class="guide-panel-more">
									<a href="#">
										更多
										<s class="sprite-icon icon-more" style="top: 4px;display: inline-block;"></s>
									</a>
								</div>
							</div>
						</div>
						<div class="guide-panel">
							<div class="bk-sub-nav bk-sub-nav-video">
								<h4>职业攻略</h4>
								<p>
									<a href="#">鬼剑士</a>
									<a href="#">格斗家(女)</a>
									<a href="#">神枪手</a>
									<a href="#">魔法师(女)</a>
									<a href="#">圣职者</a>
									<a href="#">女枪手</a>
									<a href="#">暗夜使者</a>
									<a href="#">缔造者</a>
									<a href="#">鬼剑士(女)</a>
									<a href="#">守护者</a>
									<a href="#">格斗家(男)</a>
									<a href="#">男法师</a>
									<a href="#">黑暗武士</a>
								</p>
								<h4>地下城攻略</h4>
								<p>
									<a href="#">异界地下城</a>
									<a href="#">远古镇魂曲</a>
									<a href="#">安图恩地下城</a>
									<a href="#">遗忘之地</a>
									<a href="#">守护者祭坛</a>
									<a href="#">无尽的祭坛</a>
									<a href="#">绝望之塔</a>
									<a href="#">领主之塔</a>
									<a href="#">每周活动(格兰之森山麓)</a>
								</p>
							</div>
							<ul class="bk-sub-nav-video-btn">
								<li>
									<a href="#">
										<s class="sprite-icon icon-video-btn"></s>
										职业视频
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-video-btn"></s>
										赛事视频
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-video-btn"></s>
										官方视频
									</a>
								</li>
							</ul>
						</div>
						<div class="guide-panel">
							<ul class="s-icon s-icon-bk">
								<li>
									<a href="#">
										<s class="sprite-icon icon-cz"></s>
										充值
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-tgp"></s>
										TGP助手
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-jdmnq"></s>
										加点模拟器
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-tyf"></s>
										体验服
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-txzb"></s>
										头像装扮
									</a>
								</li>
								<li>
									<a href="#">
										<s class="sprite-icon icon-qyzs"></s>
										自助工具
									</a>
								</li>
							</ul>
							<div class="bk-sub-nav">
								<h4>安全中心</h4>
								<p>
									<a href="#">女王的制裁</a>
									<a href="#">封号查询</a>
									<a href="#">封号申诉</a>
									<a href="#">视频举报</a>
									<a href="#">安全公约</a>
									<a href="#">信用星级</a>
									<a href="#">二级密码清除</a>
									<a href="#">安全模式</a>
								</p>
								<h4>自助服务</h4>
								<p>
									<a href="#">充值</a>
									<a href="#">消费记录</a>
									<a href="#">角色恢复</a>
									<a href="#">点亮图标</a>
									<a href="#">兑换CDKEY</a>
									<a href="#">预约组队</a>
								</p>
								<h4>客服中心</h4>
								<p>
									<a href="#">QQ在线客服</a>
									<a href="#">问答</a>
								</p>
							</div>
						</div>
					</div>
			    </div>
			    <div class="shop-push">
			    	<h3 class="tit-line">道聚城推荐</h3>
					<div class="shop-rotatebox" id="shop-tab">
						<div class="shop-bd" id="shop-list">
							<div class="tab-panel dis">
								<ul>
									<li>
										<p class="shop-img">
											<a href="#">
												<img src="images/mochui.jpg" >
											</a>
										</p>
										<div class="shop-info">
											<p class="shop-text">幸运魔锤(5个)</p>
											<p class="shop-money">1200点券</p>
											<a href="#" class="shop-btn">立即购买</a>
										</div>
									</li>
									<li>
										<p class="shop-img">
											<a href="#">
												<img src="./images/laba.png" >
											</a>
										</p>
										<div class="shop-info">
											<p class="shop-text">服务器喇叭(1个)</p>
											<p class="shop-money">250点券</p>
											<a href="#" class="shop-btn">立即购买</a>
										</div>
									</li>
								</ul>
							</div>
							<div class="tab-panel">
								<ul>
									<li>
										<p class="shop-img">
											<a href="#">
												<img src="images/21.png" >
											</a>
										</p>
										<div class="shop-info">
											<p class="shop-text">装扮合成器(5个)</p>
											<p class="shop-money">2000点券</p>
											<a href="#" class="shop-btn">立即购买</a>
										</div>
									</li>
									<li>
										<p class="shop-img">
											<a href="#">
												<img src="./images/22.png" >
											</a>
										</p>
										<div class="shop-info">
											<p class="shop-text">异界地下城追加入场卷(1个)</p>
											<p class="shop-money">150点券</p>
											<a href="#" class="shop-btn">立即购买</a>
										</div>
									</li>
								</ul>
							</div>
							<div class="tab-panel">
								<ul>
									<li>
										<p class="shop-img">
											<a href="#">
												<img src="images/23.png" >
											</a>
										</p>
										<div class="shop-info">
											<p class="shop-text">装扮属性调整箱(稀有)</p>
											<p class="shop-money">1900点券</p>
											<a href="#" class="shop-btn">立即购买</a>
										</div>
									</li>
									<li>
										<p class="shop-img">
											<a href="#">
												<img src="./images/24.png" >
											</a>
										</p>
										<div class="shop-info">
											<p class="shop-text">武器特效符文(桃花)</p>
											<p class="shop-money">1800点券</p>
											<a href="#" class="shop-btn">立即购买</a>
										</div>
									</li>
								</ul>
							</div>
							<div class="tab-panel">
								<ul>
									<li>
										<p class="shop-img">
											<a href="#">
												<img src="images/25.png" >
											</a>
										</p>
										<div class="shop-info">
											<p class="shop-text">解除特效符文</p>
											<p class="shop-money">100点券</p>
											<a href="#" class="shop-btn">立即购买</a>
										</div>
									</li>
									<li>
										<p class="shop-img">
											<a href="#">
												<img src="./images/26.png" >
											</a>
										</p>
										<div class="shop-info">
											<p class="shop-text">成长之契约(15天)</p>
											<p class="shop-money">1290点券</p>
											<a href="#" class="shop-btn">立即购买</a>
										</div>
									</li>
								</ul>
							</div>
							<div class="tab-panel">
								<ul>
									<li>
										<p class="shop-img">
											<a href="#">
												<img src="images/27.png" >
											</a>
										</p>
										<div class="shop-info">
											<p class="shop-text">无限猫头鹰</p>
											<p class="shop-money">3800点券</p>
											<a href="#" class="shop-btn">立即购买</a>
										</div>
									</li>
									<li>
										<p class="shop-img">
											<a href="#">
												<img src="./images/28.png" >
											</a>
										</p>
										<div class="shop-info">
											<p class="shop-text">装备品级调整箱</p>
											<p class="shop-money">150点券</p>
											<a href="#" class="shop-btn">立即购买</a>
										</div>
									</li>
								</ul>
							</div>
						</div>
						<div class="shop-hd">
							<ul>
								<li class="shop-hd-i cur"></li>
								<li class="shop-hd-i"></li>
								<li class="shop-hd-i"></li>
								<li class="shop-hd-i"></li>
								<li class="shop-hd-i"></li>
							</ul>
						</div>
					</div>
			    </div>
			    <div class="teamwork">
			    	<div class="teamwork-select" id="teamwork-select">
			    		<h3 class="sprite">合作媒体网站</h3>
						<ul class="teamwork-list" style="display: none;">
							<li>
								<a href="#">COLG玩家社区</a>
							</li>
							<li>
								<a href="#">电脑管家游戏福利</a>
							</li>
							<li>
								<a href="#">腾讯文学</a>
							</li>
							<li>
								<a href="#">腾讯DNF资料站</a>
							</li>
							<li>
								<a href="#">17173游戏专区</a>
							</li>
							<li>
								<a href="#">多玩游戏专区</a>
							</li>
							<li>
								<a href="#">游久网游游戏专区</a>
							</li>
							<li>
								<a href="#">太平洋游戏网专区</a>
							</li>
							<li>
								<a href="#">地下城与勇士52pk</a>
							</li>
							<li>
								<a href="#">腾讯视频游戏专区</a>
							</li>
							<li>
								<a href="#">爱玩网专区</a>
							</li>
							<li>
								<a href="#">爱拍游戏专区</a>
							</li>
							<li>
								<a href="#">新浪网游戏专区</a>
							</li>
							<li>
								<a href="#">178</a>
							</li>
							<li>
								<a href="#">掌游宝</a>
							</li>
							<li>
								<a href="#">兔玩网游戏专区</a>
							</li>
							<li>
								<a href="#">叶子猪DNF专区</a>
							</li>
						</ul>
			    	</div>
			    </div>  
			</div>
			<div class="content_r">
				<div class="mode mode-1 index-show">
					<div class="mode_l">
						<div class="gg">
							<div class="gg_main">
								<a href="#">
									<img src="images/yun.jpeg" >
									<div class="gg_info">
										<p class="gg_mask"></p>
										<div class="gg_info_text">
											<p class="gg_title">云上长安战未央</p>
											<p class="gg_sumTitle">单人可玩！全新属性飞升副本，多重机制，全新挑战</p>
											<p class="gg_icon">
												查看
												<span class="sprite"></span>
											</p>
										</div>
									</div>
								</a>
							</div>
							<div class="gg_lb ggBox swiper-container" id="ggBox">
								<div class="adPic">
									<ul style="left: -343px;">
										<li>
											<img src="images/lb6.jpeg" >
										</li>
										<li>
											<img src="images/lb1.jpeg" >
										</li>
										<li>
											<img src="images/lb2.jpeg" >
										</li>
										<li>
											<img src="images/lb3.jpeg" >
										</li>
										<li>
											<img src="images/lb4.jpeg" >
										</li>
										<li>
											<img src="images/lb5.jpeg" >
										</li>
										<li>
											<img src="images/lb6.jpeg" >
										</li>
										<li>
											<img src="images/lb1.jpeg" >
										</li>
									</ul>
								</div>
								<div class="adBtn">
									<a href="#">幻兽星辰 神器齐聚</a>
									<a href="#">信步夜市赏夏夜</a>
									<a href="#">决斗场第七季的征兆</a>
									<a href="#">智慧之光的邀请</a>
									<a href="#">魔盒上新</a>
									<a href="#">GSC炎狱裁决者</a>
								</div>
							</div>
						</div>
					</div>
					<div class="mode_r">
						<div class="news" id="news-tab">
							<ul class="news-hd">
								<li>
									<a href="#">综合</a>
									<span class="sprite icon-push" style="display: block;"></span>
									<em id="nZh" style="display: none;"></em>
								</li>
								<li>
									<a href="#">公告</a>
									<span class="sprite icon-push"></span>
									<em id="nGg" style="display: none;"></em>
								</li>
								<li>
									<a href="#">活动</a>
									<span class="sprite icon-push"></span>
									<em id="nHd" style="display: none;"></em>
								</li>
								<li>
									<a href="#">社区</a>
									<span class="sprite icon-push"></span>
									<em id="nSq" style="display: none;"></em>
								</li>
								<li>
									<a href="#">赛事</a>
									<span class="sprite icon-push"></span>
									<em id="nSs" style="display: none;"></em>
								</li>
							</ul>
							<div class="news-bd">
								<div class="tab-panel">
									<ul class="news-list">
										<li class="news-hot">
											<span>06/17</span>
											<em class="sprite news_type news_type5">版本</em>
											<a href="#">[2020年6月]全新属性飞升副本，周年盛典豪礼放送！</a>
										</li>
										<li>
											<span>07/02</span>
											<em class="sprite news_type news_type2">公告</em>
											<a href="#">关于7月16日初始化欢乐代币券的公告</a>
										</li>
										<li>
											<span>07/01</span>
											<em class="sprite news_type news_type2">公告</em>
											<a href="#">7月2号 早5点30分停机更新公告</a>
										</li>
										<li>
											<span>07/01</span>
											<em class="sprite news_type news_type1">活动</em>
											<a href="#">信步夜市赏夏夜 每天在线就能领取宝珠和时间引导石</a>
										</li>
										<li>
											<span>07/01</span>
											<em class="sprite news_type news_type1">活动</em>
											<a href="#">智慧之光的邀请 666点券即可获得210引导石</a>
										</li>
										<li>
											<span>07/01</span>
											<em class="sprite news_type news_type1">活动</em>
											<a href="#">魔盒上新 快来抽取+12增幅卷</a>
										</li>
										<li>
											<span>07/01</span>
											<em class="sprite news_type news_type1">活动</em>
											<a href="#">决斗场第七季的征兆 为赛季奖励战斗吧!</a>
										</li>
									</ul>
									<div class="news-more">
										<a href="#">
											查看更多资讯
											<span class="sprite icon-news"></span>
										</a>
									</div>
								</div>
								<div class="tab-panel">
									<ul class="news-list">
										<li class="news-hot">
											<span>07/02</span>
											<em class="sprite news_type news_type2">公告</em>
											<a href="#">关于7月16日初始化欢乐代币券的公告</a>
										</li>
										<li>
											<span>07/01</span>
											<em class="sprite news_type news_type2">公告</em>
											<a href="#">7月2号 早5点30分停机更新公告</a>
										</li>
										<li>
											<span>06/24</span>
											<em class="sprite news_type news_type2">公告</em>
											<a href="#">针对未来"决斗场"新模式的保护策略</a>
										</li>
										<li>
											<span>06/23</span>
											<em class="sprite news_type news_type2">公告</em>
											<a href="#">游戏诈骗行为处罚名单公示</a>
										</li>
										<li>
											<span>06/22</span>
											<em class="sprite news_type news_type2">公告</em>
											<a href="#">6月23日 早5点停机更新公告</a>
										</li>
										<li>
											<span>06/20</span>
											<em class="sprite news_type news_type2">公告</em>
											<a href="#">关于周年庆在线享大礼活动的说明</a>
										</li>
										<li>
											<span>06/18</span>
											<em class="sprite news_type news_type2">公告</em>
											<a href="#">关于"网吧大作战"活动NPC消失问题的说明</a>
										</li>
									</ul>
									<div class="news-more">
										<a href="#">
											查看更多资讯
											<span class="sprite icon-news"></span>
										</a>
									</div>
								</div>
								<div class="tab-panel">
									<ul class="news-list">
										<li class="news-hot">
											<span>07/01</span>
											<em class="sprite news_type news_type1">活动</em>
											<a href="#">信步夜市赏夏夜 每天在线就能领取宝珠和时间引导石</a>
										</li>
										<li>
											<span>07/01</span>
											<em class="sprite news_type news_type1">活动</em>
											<a href="#">决斗场第七季的征兆 为赛季奖励战斗吧！</a>
										</li>
										<li>
											<span>07/01</span>
											<em class="sprite news_type news_type1">活动</em>
											<a href="#">智慧之光的邀请 666点券即可获得210引导石</a>
										</li>
										<li>
											<span>07/01</span>
											<em class="sprite news_type news_type1">活动</em>
											<a href="#">魔盒上新 快来抽取+12增幅卷</a>
										</li>
										<li>
											<span>07/01</span>
											<em class="sprite news_type news_type1">活动</em>
											<a href="#">DNF官方测试团7月招募</a>
										</li>
										<li>
											<span>06/30</span>
											<em class="sprite news_type news_type1">活动</em>
											<a href="#">小酱油群聊机器人正式出道，全名见面礼等你来领</a>
										</li>
										<li>
											<span>06/20</span>
											<em class="sprite news_type news_type1">活动</em>
											<a href="#">正在直播！终极闪光跨区即将诞生！</a>
										</li>
									</ul>
									<div class="news-more">
										<a href="#">
											查看更多资讯
											<span class="sprite icon-news"></span>
										</a>
									</div>
								</div>
								<div class="tab-panel">
									<ul class="news-list">
										<li class="news-hot">
											<span>06/30</span>
											<em class="sprite news_type news_type4">社区</em>
											<a href="#">未央幻境优化调整，三大良心改动即将降临</a>
										</li>
										<li>
											<span>06/18</span>
											<em class="sprite news_type news_type4">社区</em>
											<a href="#">未央幻境副本攻略一览</a>
										</li>
										<li>
											<span>05/21</span>
											<em class="sprite news_type news_type4">社区</em>
											<a href="#">王者龟来，安图恩核心重难点汇总</a>
										</li>
										<li>
											<span>06/17</span>
											<em class="sprite news_type news_type4">社区</em>
											<a href="#">12周年论坛活动：满满元气祝福</a>
										</li>
										<li>
											<span>06/17</span>
											<em class="sprite news_type news_type4">社区</em>
											<a href="#">脑洞大开，DNF灵魂创作大合集</a>
										</li>
										<li>
											<span>06/17</span>
											<em class="sprite news_type news_type4">社区</em>
											<a href="#">12周年论坛活动：大家一起来找茬</a>
										</li>
										<li>
											<span>06/18</span>
											<em class="sprite news_type news_type2">公告</em>
											<a href="#">关于"网吧大作战"活动NPC消失问题的说明</a>
										</li>
									</ul>
									<div class="news-more">
										<a href="#">
											查看更多资讯
											<span class="sprite icon-news"></span>
										</a>
									</div>
								</div>
								<div class="tab-panel">
									<ul class="news-list">
										<li class="news-hot">
											<span>04/17</span>
											<em class="sprite news_type news_type3">赛事</em>
											<a href="#">DNF全国挑战赛启动：斗者无界，勇士集结</a>
										</li>
										<li>
											<span>11/29</span>
											<em class="sprite news_type news_type3">赛事</em>
											<a href="#">中国选手再度登顶世界巅峰 F1天王赛圆满落幕</a>
										</li>
										<li>
											<span>11/28</span>
											<em class="sprite news_type news_type3">赛事</em>
											<a href="#">DNF《决战DPL第一期：老仇上演一穿三AF好局》</a>
										</li>
										<li>
											<span>11/17</span>
											<em class="sprite news_type news_type3">赛事</em>
											<a href="#">DPL职业联赛决赛战报：李灿赫斩获PVP冠军</a>
										</li>
										<li>
											<span>11/17</span>
											<em class="sprite news_type news_type3">赛事</em>
											<a href="#">DPL职业联赛战报：TCH蝉联PVE冠军</a>
										</li>
										<li>
											<span>11/28</span>
											<em class="sprite news_type news_type3">赛事</em>
											<a href="#">决战就在今天 F1天王赛开启巅峰对决</a>
										</li>
										<li>
											<span>11/17</span>
											<em class="sprite news_type news_type3">赛事</em>
											<a href="#">DPL联赛总决赛圆满落幕TCH、李灿赫荣耀夺冠</a>
										</li>
									</ul>
									<div class="news-more">
										<a href="#">
											查看更多资讯
											<span class="sprite icon-news"></span>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="mode mode-2 index-show">
					<div class="mode_l">
						<div class="act">
							<div class="title">
								活动中心
							</div>
							<div class="act_btn_more">
								<a href="#" class="sprite icon-xy">心悦</a>
								<a href="#" class="icon-actCenter">活动中心</a>
							</div>
							<div class="act_con" id="act_con">
								<ul class="act-hd" id="act_nav">
									<li class="cur">
										<a href="javascript:;">热门推荐</a>
										<span class="sprite icon-push"></span>
										<em id="actNum_hot"></em>
									</li>
									<li>
										<a href="javascript:;">新手升级</a>
										<span class="sprite icon-push"></span>
										<em id="actNum_newUser"></em>
									</li>
									<li>
										<a href="javascript:;">周常地下城</a>
										<span class="sprite icon-push"></span>
									</li>
									<li>
										<a href="javascript:;">商城特惠</a>
										<span class="sprite icon-push"></span>
										<em id="actNum_pay"></em>
									</li>
									<li>
										<a href="javascript:;">合作活动</a>
										<span class="sprite icon-push"></span>
										<em id="actNum_cooperation"></em>
									</li>
								</ul>
								<div class="act-bd">
									<div class="act-list-title">
										<span>活动名称</span>
										<span>主要奖励</span>
										<span>结束时间</span>
										<span></span>
									</div>
									<div class="tab-panel act-panel" style="display: block;">
										<div class="swiper-container swiper-container-initialized swiper-container-vertical swiper-container-free-mode">
											<div class="swiper-wrapper" style="transform: translate3d(0px,0px,0px);transition-duration: 0ms;">
												<div class="swiper-slide swiper-slide-active">
													<ul class="act-list" id="act-list">
														<li>
															<p class="actName">
																<a href="#">幻兽星辰 神器齐聚</a>
															</p>
															<p>
																<img src="images/act1.png" >
																<img src="images/act2.png" >
																<img src="images/act3.png" >
																<img src="images/act4.png" >
															</p>
															<p>
																<span>长期活动</span>
															</p>
															<p>
																<a href="#" class="sprite icon-get"></a>
															</p>
														</li>
														<li>
															<p class="actName">
																<a href="#">信步夜市赏夏夜</a>
															</p>
															<p>
																<img src="images/act5.png" >
																<img src="images/act6.png" >
																<img src="images/act7.png" >
																<img src="images/act8.png" >
															</p>
															<p>
																<span>3天后结束</span>
															</p>
															<p>
																<a href="#" class="sprite icon-get"></a>
															</p>
														</li>
														<li>
															<p class="actName">
																<a href="#">决斗场第七季的征兆</a>
															</p>
															<p>
																<img src="images/act9.png" >
																<img src="images/act10.png" >
																<img src="images/act11.png" >
																<img src="images/act12.png" >
															</p>
															<p>
																<span>3天后结束</span>
															</p>
															<p>
																<a href="#" class="sprite icon-get"></a>
															</p>
														</li>
														<li>
															<p class="actName">
																<a href="#">智慧之光的邀请</a>
															</p>
															<p>
																<img src="images/act13.png" >
																<img src="images/act14.png" >
																<img src="images/act15.png" >
																<img src="images/act16.png" >
															</p>
															<p>
																<span>3天后结束</span>
															</p>
															<p>
																<a href="#" class="sprite icon-get"></a>
															</p>
														</li>
														<li>
															<p class="actName">
																<a href="#">魔盒上新</a>
															</p>
															<p>
																<img src="images/act17.png" >
																<img src="images/act18.png" >
																<img src="images/act19.png" >
																<img src="images/act20.png" >
															</p>
															<p>
																<span>17天后结束</span>
															</p>
															<p>
																<a href="#" class="sprite icon-get"></a>
															</p>
														</li>
														<li>
															<p class="actName">
																<a href="#">网吧特权</a>
															</p>
															<p>
																<img src="images/act21.jpg" >
															</p>
															<p>
																<span>长期活动</span>
															</p>
															<p>
																<a href="#" class="sprite icon-get"></a>
															</p>
														</li>
														<li>
															<p class="actName">
																<a href="#">夜市大亨</a>
															</p>
															<p>
																<img src="images/act22.png" >
																<img src="images/act23.png" >
																<img src="images/act24.png" >
															</p>
															<p>
																<span>3天后结束</span>
															</p>
															<p>
																<a href="#" class="sprite icon-get"></a>
															</p>
														</li>
													</ul>
												</div>
											</div>
											<div class="swiper-scrollbar">
												<div class="swiper-scrollbar-drag" style="transform: translate3d(0px,0px,0px);transition-duration: 0ms;height: 23.3721px;">
													
												</div>
											</div>
											<span class="swiper-notification" aria-live="assertive" aria-atomic="true">
												
											</span>
										</div>
									</div>
								    <div class="tab-panel act-panel">
								    	<div class="swiper-container swiper-container-initialized swiper-container-vertical swiper-container-free-mode">
								    		<div class="swiper-wrapper" style="transform: translate3d(0px,0px,0px);transition-duration: 0ms;">
								    			<div class="swiper-slide swiper-slide-active">
								    				<ul class="act-list" id="act-list">
								    					<li>
								    						<p class="actName">
								    							<a href="#">6月新手礼包</a>
								    						</p>
								    						<p>
								    							<img src="images/act25.png" >
								    							<img src="images/act26.png" >
								    							<img src="images/act27.png" >
								    							<img src="images/act28.png" >
								    						</p>
								    						<p>
								    							<span>18天后结束</span>
								    						</p>
								    						<p>
								    							<a href="#" class="sprite icon-get"></a>
								    						</p>
								    					</li>
								    				</ul>
								    			</div>
								    		</div>
								    		<div class="swiper-scrollbar">
								    			<div class="swiper-scrollbar-drag" style="transform: translate3d(0px,0px,0px);transition-duration: 0ms;height: 23.3721px;">
								    				
								    			</div>
								    		</div>
								    		<span class="swiper-notification" aria-live="assertive" aria-atomic="true">
								    			
								    		</span>
								    	</div>
									</div>
									<div class="tab-panel act-panel">
										<div class="swiper-container swiper-container-initialized swiper-container-vertical swiper-container-free-mode">
											<div class="swiper-wrapper" style="transform: translate3d(0px,0px,0px);transition-duration: 0ms;">
												<div class="swiper-slide swiper-slide-active">
													<ul class="act-list" id="act-list">
														<li>
															<p class="actName">
																<a href="#">周常地下城变更</a>
															</p>
															<p>
																<img src="images/act29.png" >
																<img src="images/act30.png" >
																<img src="images/act31.png" >
																<img src="images/act32.png" >
															</p>
															<p>
																<span>长期活动</span>
															</p>
															<p>
																<a href="#" class="sprite icon-get"></a>
															</p>
														</li>
													</ul>
												</div>
											</div>
											<div class="swiper-scrollbar">
												<div class="swiper-scrollbar-drag" style="transform: translate3d(0px,0px,0px);transition-duration: 0ms;height: 23.3721px;">
													
												</div>
											</div>
											<span class="swiper-notification" aria-live="assertive" aria-atomic="true">
												
											</span>
										</div>
									</div>
									<div class="tab-panel act-panel">
										<div class="swiper-container swiper-container-initialized swiper-container-vertical swiper-container-free-mode">
											<div class="swiper-wrapper" style="transform: translate3d(0px,0px,0px);transition-duration: 0ms;">
												<div class="swiper-slide swiper-slide-active">
													<ul class="act-list" id="act-list">
														<li>
															<p class="actName">
																<a href="#">幻兽星辰 神奇齐聚</a>
															</p>
															<p>
																<img src="images/act1.png" >
																<img src="images/act2.png" >
																<img src="images/act3.png" >
																<img src="images/act4.png" >
															</p>
															<p>
																<span>长期活动</span>
															</p>
															<p>
																<a href="#" class="sprite icon-get"></a>
															</p>
														</li>
														<li>
															<p class="actName">
																<a href="#">智慧之光的邀请</a>
															</p>
															<p>
																<img src="images/act13.png" >
																<img src="images/act14.png" >
																<img src="images/act15.png" >
																<img src="images/act16.png" >
															</p>
															<p>
																<span>3天后结束</span>
															</p>
															<p>
																<a href="#" class="sprite icon-get"></a>
															</p>
														</li>
														<li>
															<p class="actName">
																<a href="#">魔盒上新</a>
															</p>
															<p>
																<img src="images/act17.png" >
																<img src="images/act18.png" >
																<img src="images/act19.png" >
																<img src="images/act20.png" >
															</p>
															<p>
																<span>17天后结束</span>
															</p>
															<p>
																<a href="#" class="sprite icon-get"></a>
															</p>
														</li>
														<li>
															<p class="actName">
																<a href="#">商城大改版</a>
															</p>
															<p>
																<img src="images/act33.png" >
															</p>
															<p>
																<span>长期活动</span>
															</p>
															<p>
																<a href="#" class="sprite icon-get"></a>
															</p>
														</li>
														<li>
															<p class="actName">
																<a href="#">装扮预设橱窗扩展券</a>
															</p>
															<p>
																<img src="images/act34.png" >
															</p>
															<p>
																<span>长期活动</span>
															</p>
															<p>
																<a href="#" class="sprite icon-get"></a>
															</p>
														</li>
													</ul>
												</div>
											</div>
											<div class="swiper-scrollbar">
												<div class="swiper-scrollbar-drag" style="transform: translate3d(0px,0px,0px);transition-duration: 0ms;height: 23.3721px;">
													
												</div>
											</div>
											<span class="swiper-notification" aria-live="assertive" aria-atomic="true">
												
											</span>
										</div>
								</div>
							        <div class="tab-panel act-panel">
							        		<div class="swiper-container swiper-container-initialized swiper-container-vertical swiper-container-free-mode">
							        			<div class="swiper-wrapper" style="transform: translate3d(0px,0px,0px);transition-duration: 0ms;">
							        				<div class="swiper-slide swiper-slide-active">
							        					<ul class="act-list" id="act-list">
							        						<li>
							        							<p class="actName">
							        								<a href="#">周年庆福利大集锦</a>
							        							</p>
							        							<p>
							        								<img src="images/act35.png" >
							        								<img src="images/act36.png" >
							        								<img src="images/act37.png" >
							        								<img src="images/act38.png" >
							        							</p>
							        							<p>
							        								<span>5天后结束</span>
							        							</p>
							        							<p>
							        								<a href="#" class="sprite icon-get"></a>
							        							</p>
							        						</li>
							        						<li>
							        							<p class="actName">
							        								<a href="#">最强拼拼团火热售卖ing</a>
							        							</p>
							        							<p>
							        								<img src="images/act39.png" >
							        								<img src="images/act40.png" >
							        								<img src="images/act41.png" >
							        								<img src="images/act42.png" >
							        							</p>
							        							<p>
							        								<span>17天后结束</span>
							        							</p>
							        							<p>
							        								<a href="#" class="sprite icon-get"></a>
							        							</p>
							        						</li>
							        						<li>
							        							<p class="actName">
							        								<a href="#">电脑管家独享礼包</a>
							        							</p>
							        							<p>
							        								<img src="images/act43.png" >
							        								<img src="images/act44.png" >
							        								<img src="images/act45.png" >
							        								<img src="images/act46.png" >
							        							</p>
							        							<p>
							        								<span>5天后结束</span>
							        							</p>
							        							<p>
							        								<a href="#" class="sprite icon-get"></a>
							        							</p>
							        						</li>
							        						<li>
							        							<p class="actName">
							        								<a href="#">12周年·欢聚好时光</a>
							        							</p>
							        							<p>
							        								<img src="images/act47.png" >
							        								<img src="images/act48.png" >
							        								<img src="images/act49.png" >
							        							</p>
							        							<p>
							        								<span>16天后结束</span>
							        							</p>
							        							<p>
							        								<a href="#" class="sprite icon-get"></a>
							        							</p>
							        						</li>
							        						<li>
							        							<p class="actName">
							        								<a href="#">赛利亚的幸运礼包</a>
							        							</p>
							        							<p>
							        								<img src="images/act47.png" >
																	<img src="images/act49.png" >
																	<img src="images/act44.png" >
																	<img src="images/act42.png" >
							        							</p>
							        							<p>
							        								<span>5天后结束</span>
							        							</p>
							        							<p>
							        								<a href="#" class="sprite icon-get"></a>
							        							</p>
							        						</li>
							        					</ul>
							        				</div>
							        			</div>
							        			<div class="swiper-scrollbar">
							        				<div class="swiper-scrollbar-drag" style="transform: translate3d(0px,0px,0px);transition-duration: 0ms;height: 23.3721px;">
							        					
							        				</div>
							        			</div>
							        			<span class="swiper-notification" aria-live="assertive" aria-atomic="true">
							        				
							        			</span>
							        		</div>
							        </div>
							</div>
						</div>
					</div>
				</div>
				    <div class="mode_r">
				    	<div class="act-hot">
				    		<div class="title">
				    			热门活动
				    		</div>
							<div class="act-hot-list">
								<ul>
									<li>
										<a href="javascript:;">
											<img src="images/act_hot1.jpeg" >
										</a>
									</li>
									<li>
										<a href="javascript:;">
											<img src="images/act_hot2.jpeg" >
										</a>
									</li>
								</ul>
							</div>
				    	</div>
				    </div>
				</div>
				<div class="mode mode-3 index-show">
					
				</div>
				<div class="mode mode-4 index-show">
					
				</div>
				<div class="mode mode-5 index-show" style="display: none;">
					
				</div>
			</div>
		</div>
		</div>
	</body>
	<script type="text/javascript">
		window.onload = function () {
			showItem()
			showC()
			showPanels()
			shopTab()
			showTeamWork()
			lb()
			toggleNews()
			toggleActivity()
			}
	</script>
</html>
